/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* other */
@layer base {
  .container-fluid {
    /* max-width: 1300px; */
    @apply w-full max-w-screen-xl px-4 mx-auto;
  }

  .row {
    /* -mx-4 */
    margin-left: -1rem;
    margin-right: -1rem;
    @apply flex flex-wrap;
  }

  .col-12 {
    @apply relative w-full flex-0 max-w-full px-3;
  }

  .col-md-8 {
    max-width: 66.666667%;
    @apply relative w-full flex-2/3;
  }

  .col-md-4 {
    max-width: 33.333333%;
    @apply relative w-full flex-1/3;
  }
}
